<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>10-背景图片-平铺</title>
		<style type="text/css">
			/**
			 * 背景图片默认是在水平和垂直方向平铺的 [盒子的宽度>图片的宽度]
			 */
			.box{
				/*宽*/
				width:700px;
				height:300px;
				border:1px solid red;
				/*设置背景图片*/
				background-image: url(images/1.jpg);
				/*图片设置不平铺*/
				/* background-repeat: no-repeat; */
				/*在水平方向平铺*/
				/* background-repeat: repeat-x; */
				/*垂直方向平铺*/
				background-repeat: repeat-y;
			}
		</style>
	</head>
	<body>
		<div class="box">
			
		</div>
	</body>
</html>
